<%@page import="Entity.TrustRegions"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>List Trust Region</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="./myjs/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="./myjs/jquery.tablesorter.js"></script>
<%-- <script type="text/javascript" src="./myjs/jquery.tablesorter.pager.js"></script> --%>

</head>
<style type="text/css">
.top {
	border: 0px solid #ccc;
	overflow: hidden;
	padding: 0;
	margin: 0;
	padding-bottom: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.top-left {
	border: 0px solid #ccc;
	font: bold 14px Arial, Verdana, Helvetica, sans-serif;
	float: left;
	padding: 5px 0;
}

.top-right {
	border: 0px solid #ccc;
	float: right;
	text-align: right;
}

.details1 {
	overflow: hidden;
}

.content-left {
	float: left;
	padding-right: 20px;
	border: 0px solid #ccc;
}

.content-right {
	float: right;
	border: 0px solid #ccc;
}

.frm .field {
	display: table;
	margin: 5px;
}

.frm div label {
	width: 150px;
	word-wrap: break-word;
	display: table-cell;
	vertical-align: middle;
	position: static;
}

.frm textarea {
	width: 260px;
	height: 80px;
}

.frm input[type="text"],input[type="password"] {
	width: 260px;
}

.lstcbb {
	width: 260px;
	height: 95px;
	overflow-y: auto;
	border: 1px solid #ccc;
	background-color: #fff;
	display: auto;
}
#sizeOptions{
	margin-top: 10px;
}
#pagetion{
	margin-top: 40px;
}
#checkActive{
	width: 250px;
	float: right;
	margin-right: 30px;
}
</style>
<body>
	<%
		if (session.getAttribute("username") == null)
			response.sendRedirect("login.jsp");
	%>
	<%@include file="header.jsp"%>
	<!--End #header-->

	<div id="content" align="center">
		<div id="mainContainer">
			<div class="box">
				<div id="container-orglst">
					<div id="tab5" class="tabContents details4">
						<h1>Trust Region List</h1>
						<div class="top">
							<div class="top-left filter">
								<s:a href="#">All</s:a>
								|
								<s:a href="#">0-9</s:a>
								|
								<s:a href="#">A B C D E</s:a>
								|
								<s:a href="#">F G H I J</s:a>
								|
								<s:a href="#">K L M N</s:a>
								|
								<s:a href="#">O P Q R</s:a>
								|
								<s:a href="#">S T U V</s:a>
								|
								<s:a href="#">W X Y Z</s:a>
							</div>
							<div class="top-right include"
								style="width: 220px; display: inline; margin-bottom: 10px; padding: 0">

								<div id="checkActive">
									<form action="checkbox" id="FormIncludeInActive"
										method="post">
										<a href="createRegion.jsp" class="button icon approve"><font
									color="black"><input type="button" value="Create"/></font> </a>
										<s:checkbox name="includeInActive" id="includeInActive"
											onclick="FormIncludeInActive.submit();"
											>
										</s:checkbox> <b>In-active</b>
									</form>
								</div>

							</div>
						</div>
						<div class="clear"></div>
						<div class="div-table">
							<div class="table-list">
								<table id="sizeOptions" width="95%" align="center">
									<thead>
										<tr>
											<th>Trust Region Name</th>
											<th>Desception</th>
											<th>Nation/Country</th>
											<th>Is active ?</th>
										</tr>
									</thead>
									<tbody>

					<s:iterator value="list">
						<tr class="odd">
							<td><s:url action="detaiRegion" var="urlTag"> 
									<s:param name="nameTR" value="nameTR" />
									</s:url> <s:a href="%{urlTag}">
									<s:property value="nameTR" />
									</s:a></td>
							<td><label for="org_name"><s:property value="desTR" /></label></td>
							<td><label for="org_name"><s:property value="naCou" /></label></td>
							<td><label for="org_name"><s:set name="active" value="active" /> <s:if
									test="%{#active==false}">No</s:if> <s:else>Yes</s:else>
							</label></td>
						</tr>
					</s:iterator>


									</tbody>
								</table>
							</div>
							<p />

							<span class="pagelinks" id="pagetion"> <a href="#"><img
									src="firstpage.PNG" title="First Page" alt="First Page" /> </a> <a
								href="#"><img src="prevpage.PNG" title="Prev Page"
									alt="Prev Page" /> </a> Page <input
								style="font-size: 12px; width: 35px; padding: 4px;"
								class="curpage" type="text" name="b" value="1" /> of <span
								class="nops">1</span> <a href="#"><img src="nextpage.PNG"
									title="Next Page" alt="Next Page" /> </a> <a href="#"><img
									src="lastpage.PNG" title="Last Page" alt="Last Page" /> </a> </span>
						</div>
						<!-- end of content right -->

						<div class="cleaner_with_height">&nbsp;</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<%@include file="footer.jsp"%>	
	
	<script language="javascript" type="text/javascript">
		$(document).ready(function() {
			$("#sizeOptions").tablesorter({
				widthFixed : true,
				widgets : [ 'zebra' ]
			}).tablesorterPager({
				container : $("#pager")
			});
		});

		$('#sizeOptions tr').mouseover(function() {
			$(this).addClass("hover");
		});

		$('#sizeOptions tr').mouseout(function() {
			$(this).removeClass("hover");
		});
	</script>
</body>
</html>